/* 
* @Author: tiger
* @Date:   2015-10-20 19:34:32
* @Last Modified by:   tiger
* @Last Modified time: 2016-01-03 23:28:25
*/
*{ font-family:guoshi, "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif,STHeiti,PingHei;

font-weight:lighter
}
nav.absolute {
    position: absolute;
}

nav {
	  padding-top: 18px;
    position: relative;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
   
    z-index: 2;
}


@media (max-width: 768px) {
	nav {
	  padding-top: 0px;
    position: relative;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
   
    z-index: 2;
}
.stripe .contain {
    margin: 0px auto;
    width: 100%;
}

.navbar-header{ padding:8px}




}
@media (min-width: 1024px) {
  .cover .paragraph {
    width: 70%;
    margin: 20px auto 0;
  }
}

@media (min-width: 1200px) {
  .cover-wrapper.decor {
    background-attachment: fixed;
  }
}

@media (max-width: 480px) {
  .cover-wrapper.video {
    margin-top: 50px;
  }
    .cover-wrapper video {
      opacity: 1;
    }
    .cover-wrapper .video-copy {
      position: relative;
      padding-top: 20px;
      padding-bottom: 70px;
      background-color: #00718f;
    }
}


header.headroom--unpinned {
  top: -50px;
}
  header > .container {
    padding-right: 0;
    padding-left: 0;
  }
    .navbar-inverse {
      margin-bottom: 0;
     
      border: none;
    }
      .navbar .container {
        width: auto;
      }
        .navbar-brand {
          padding: 10px 5px;
        }
        .navbar-inverse .navbar-collapse {
            border-color: rgba(29, 29, 29, 0.34);
        }
          .navbar-inverse .navbar-toggle {
            border-color: transparent;
            border-radius: 0;
          }
          .navbar-inverse .navbar-toggle:focus, 
          .navbar-inverse .navbar-toggle:hover {
            
          }
            .navbar-inverse .navbar-nav>li>a {
              color: #fff;
              font-size: 18px;
			  text-align:center
            }
            .navbar-inverse .navbar-nav>li>a:focus, 
            .navbar-inverse .navbar-nav>li>a:hover {
              color: #f90;
            }

@media (min-width: 768px) {
  header {
    margin-top: 0px;
  }
  header.headroom--unpinned {
    top: -70px;
  }
    header .container {
      padding-right: 20px;
      padding-left: 20px;
    }
}

/* FEATURETEE */
.featurette {
  padding-top: 60px;
  padding-bottom: 30px;
}
.featurette_anli {
  padding-top: 20px;
  padding-bottom: 20px;
}
.anlileft{ text-align:left}
  .anlileft a{ margin-right:15px; margin:20px 15px 20px 0px; color:#333; float:left}
  .anlileft a:hover{ color:#F90; text-decoration:none}

  .feature [class^=col-] {
    margin-top: 40px;
  }
    .featurette h2 {
      color: #181818;
    }
    .feature p {
      margin-bottom: 0;
    }

@media (min-width: 768px) {
  .feature [class^=col-] {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
	
  .featurette {
    padding-top: 120px;
    /* padding-bottom: 120px; */
  }
    .featurette_anli {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .anlileft{ text-align:right}
  .anlileft a{ margin-right:50px; color:#333; float:right; font-size:18px}
  .anlileft a:hover{ color:#F90; text-decoration:none}

}

/* WORKS */
.works [class^=col-] {
  padding-right: 0;
  padding-left: 0;
}
  .works img {
    display: block;
    width: 100%;
  }

/* FLEXBOX */
.flexbox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #181818;
}
  .flexbox-inner {
    padding: 15px;
  }
    .flexbox-inner p {
      margin-top: 5px;
      margin-bottom: 0;
    }
    .flexbox-inner h3 {
      margin-top: 0;
    }

/* SHOWCASE */
.showcase {
  width: 100%;
  margin: 0 auto;
}
  .gutter {
    width: 3%;
  }
  .item {
    display: none;
    width: 48.5%;
  }
  .item.w2, 
  .item.w4 {
    width: 100%;
  }
    .showcase .item img {
      display: block;
      width: 100%;
      height: auto;
    }

@media (min-width: 768px) {
  .gutter {
    width: 2%;
  }
  .item {
    width: 32%;
  }
  .item.w2 {
    width: 66%;
  }
}

@media (min-width: 1024px) {
  .item {
    width: 23%;
  }
  .item.w2 {
    width: 48%;
  }
}

@media (min-width: 1280px) {
  .gutter {
    width: 20px;
  }
  .item {
    width: 275px;
  }
  .item.w2 {
    width: 570px;
  }
}

/* CONTACT */
@media (min-width: 768px) {
  .contact-wrapper {
    position: relative;
  }
  .contact-wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    content: '';
    background: #f8f8f8;
  }
    .contact {
      padding-left: 40px;
    }
}

@media (min-width: 1024px) {
  .contact {
    padding-left: 80px;
  }
}

/* QRCODE */
.qrcode {
  background: #f2f2f2;
  color: #191919;
  text-align: center;
}
  .qrcode img {
    width: 90%;
  }

@media (min-width: 768px) {
  .qrcode img {
    width: auto;
  }
}



/* LINKS */
a, 
a:focus, 
a:hover {
  color: #8B8B8B;
}

/* P */
p {
  line-height: 1.5;
}

/* LEAD */
.lead {
  line-height: 32px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 18px;
  }
  .footer .info {float:right; }
}



/* HEADLINE */
h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  h1 {
    font-size: 64px;
  }
  h2 {
    font-size: 36px;
  }
}

/* BUTTON */
.btn-outline {
 color: #181818; font-size:14px; font-weight:600;letter-spacing: 5px;
}
.btn-outline:focus, 
.btn-outline:hover {
  color: #000;font-weight:600;
  text-decoration:none 
}
.btn-lg {
  padding: 13px 39px;
  border-radius: 3px;
  font-size: 16px;
}
.btn-outline-inverse {
  color: #fff;
  border-color: #fff;
}
.btn-outline-inverse:focus, 
.btn-outline-inverse:hover {
  color: #fff;
  background-color: #0bb;
  border-color: #0bb;
}
/*footer*/
.footer {
	background:#0a0a0b;
	display:table;
	padding:120px 40px;
	width:100%
}



.footer .nav {
	float:left;
	margin:0px; color:#666; width:auto;
}
.footer .nav ul {
	list-style-type:none;
	margin:0 0 10px;
	padding:0
}
.footer .nav li {
	display:block;
	margin-top:16px;
	line-height:1
}
.footer .nav li:first-child {
	margin-top:0
}
.footer .nav a {
	color:#fff;
	font-size:.6875em;
	letter-spacing:.15em;
	-webkit-transition:color 300ms;
	transition:color 300ms;
	text-transform:uppercase
}
.footer .nav a:active,.footer .nav a:focus,.footer .nav a:hover {
	color:#999
}
.footer .info {
	float:right;
	
}
.footer .info ul {
	
	list-style-type:none;
	margin:0 -6px 7px 0;
	overflow:hidden;
	padding:0px ;
	text-align:right
}
.footer .info li {
	float:left;
	margin-right:34px
}
.footer .info li.social-google-plus {
	margin-top:3px
}

.footer .info li a:active,.footer .info li a:focus,.footer .info li a:hover {
	color:#999
}

.footer .copyright {
	
	clear:right;
	color:#666;
	font-size:16px;
	letter-spacing:.5px;
	margin:8px 0 0;
	text-align:left
}
.footer .copyright a {
	color:#666
}
@media screen and (max-width:600px) {
	.footer {
	background: #0a0a0b;
display: table;
padding:  30px 20px 30px 20px;
width: 100%;

}
  .footer .info {float:right; display:none}

.no-js .footer {
	display:block;
	overflow:hidden;
	padding:40px
}
.no-js .footer .nav {
	display:block;
	margin:0;
	padding:20px 0;
	width:100%
}
.no-js .footer .info ul {
	float:left;
	margin:0 0 10px -15px
}
.no-js .footer .copyright {
	clear:left
}
}
@media screen and (min-width:600px) {
	.footer {
	display:table;
	padding:65px 30px
}
.footer h1 {
	padding-right:70px
}
}
@media screen and (min-width:769px) {
	.footer {
	padding:80px 40px
}
.footer h1 {
	padding-right:100px
}
}
/* HR */
hr {
  margin-top: 0;
  margin-bottom: 0;
  border-color: #e5e5e5;
}
hr.half-rule {
  width: 50px;
  margin-top: 35px;
  border-top: 4px solid #0bb;
}

@media (min-width: 768px) {
  hr.half-rule {
    margin-bottom: 20px;
  }
  hr.half-rule.double-margin {
    margin-bottom: 40px;
  }
}

/* TRANSITION * */
header, 
button, 
img, 
a, 
.btn {
  -webkit-transition: all ease .4s;
  -moz-transition:    all ease .4s;
  -o-transition:      all ease .4s;
  transition:         all ease .4s;
}

/* ANIMATION */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-15px,0);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0,-15px,0);
  }

  70% {
    opacity: 1;
    transform: translate3d(0,0,0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0,10px,0);
  }
}
.fadeInDown {
  -webkit-animation: fadeInDown 1s ease-in infinite;
  animation: fadeInDown 1s ease-in infinite;
}
.logoaa{
    font-family: 'gainsee_icon';
    color: #FFF;
    display: block;
    height: 50px;
    overflow: hidden;
    -webkit-transition: color 500ms;
    transition: color 500ms;

font-size: 48px;
padding-top: 20px;
}
.navbar-brand {

  height:65px
}
@media (min-width:768px) {.navbar-inverse{background:none;}}
@media (min-width:992px) {.navbar-inverse{background: none}}
@media (min-width:1280px) {.navbar-inverse{background: none}}
@media (min-width:1280px) {.navbar-inverse{background: none}}
@media (max-width:768px) {.navbar-bg{background: rgba(0, 0, 0, 0.93); height:3000px}}
@media (min-width:768px) {
	.navbar-iphone{  float: right;font-size: 36px;color: #fff;line-height: 65px;}
	.navbar-iphone span{  font-size: 28px;}


}
@media (max-width:768px) {.navbar-iphone{ display: none;}}
@media (min-width:768px) {.navbar-header {top:20px;left: 30px;}}
 @media (min-width:768px) {.daohang{  float: left; width:58%;}} 
 .full-btn:active,.full-btn:focus,.full-btn:hover {
  background-color:#000;
  color:#FFF;
  -webkit-transition:all .5s ease!important;
  transition:all .5s ease!important
}
.full-btn:active {
  padding:39px 37px 37px 39px
}
.full-btn.full-btn-dark {
  background-color:#000;
  color:#FFF
}
.full-btn.full-btn-dark:active,.full-btn.full-btn-dark:focus,.full-btn.full-btn-dark:hover {
  background-color:#FFF;
  color:#000
}
.full-btn.disabled {
  display:none
}
.full-image {
  overflow:hidden;
  position:relative;
  width:100%
}
.full-image img {
  float:left;
  height:auto;
  width:100%
}
@media (max-width:768px) {
	.logoaa{
    font-family: 'gainsee_icon';
    color: #FFF;
    display: block;
    height: 50px;
    overflow: hidden;
    -webkit-transition: color 500ms;
    transition: color 500ms;

font-size: 38px;
padding-top: 20px;
}
.navbar-brand {

  height:65px
}
	.cover-wrapper.video {
    background: url(../images/lianxi.jpg) no-repeat top fixed ;
    height: 500px;
    min-height: 0;

}
	.lianxi{padding-top: 0px;padding-bottom: 30px;width:100%;margin: 0px auto;  padding:0px 20px;text-align:center;font-size:28px;}
    .lianxi .lxleft{width:100%; float:none; font-size:18px; text-align:center; line-height:50px}
	.lianxi .ableft{width:100%; float:none; font-size:18px; text-align:center; line-height:30px; padding-bottom:30px;}

	.lianxi .lxright{width:100%; float:none;  text-align:left }
	.lianxi .lxright li{ line-height:60px; font-size:16px}
	.lianxi .lxright p{ line-height:30px; font-size:16px}

	.ditu{width:100%;height:300px;}
	/*å†…å®¹é¡µ*/
	.lianxi .nrleft{width:100%; float:none; font-size:24px; text-align:center; line-height:50px} 
	.lianxi .nrleft span{ font-size:16px}  
    .cover-wrapper.neirong {
			background: url(../images/lianxi.jpg) no-repeat top fixed ;
			height: 300px;
			min-height: 0;
			filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
			
			-webkit-filter: blur(1px); /* Chrome, Opera */
			-moz-filter: blur(1px);
			-ms-filter: blur(1px);    
			filter: blur(1px);
			
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */

         }
	.nrimg img{ width:100%}

}
@media (min-width:768px) {
	
	.cover-wrapper.video {
    background: url(../images/lianxi.jpg) top fixed;
    height: 1000px;
    min-height: 0;
}
	.lianxi{padding-top: 0px;padding-bottom: 60px;width: 90%;margin: 0px auto; padding:0px 20px 230px 0px;text-align:center;font-size:28px;}
    .lianxi .lxleft{width:40%; float:left; font-size:24px; text-align:right; line-height:50px}
	.lianxi .ableft{width:40%; float:left; font-size:36px; text-align:left; line-height:50px}   
	.lianxi .lxright{width:50%; float:right;text-align:left}
	.lianxi .lxright li{ line-height:60px;font-size:18px}
	.lianxi .lxright p{ line-height:32px; font-size:18px}
	.ditu{width:100%;height:900px;}
	/*å†…å®¹é¡µ*/
	.lianxi .nrleft{width:40%; float:left; font-size:36px; text-align:left; line-height:50px}   
	.lianxi .nrleft span{ font-size:16px}  
    .cover-wrapper.neirong {
			background: url(../images/fuwu.jpg) no-repeat top fixed ;
			height: 500px;
			min-height: 0;
			filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
			
			-webkit-filter: blur(1px); /* Chrome, Opera */
			-moz-filter: blur(1px);
			-ms-filter: blur(1px);    
			filter: blur(1px);
			
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
       }
	   .nrimg img{ width:100%}
.fangda{
    width: 100%;
    overflow: hidden;
    height: auto;
}
	
	

}
